<template>
    <div class="page">
        <swiperM :list="bannerList" />

        <NewsGroupM :list="list" />
    </div>
</template>
<script setup>
import { useContent } from ".";

const { list, bannerList, GetList, GetBannerList } = useContent();

onMounted(async () => {
    await nextTick();
    GetList();
    GetBannerList(186);
});
</script>
<style lang="scss" scoped>
.page {
    background-color: #f5f5f5;

    :deep(.banner) {
        height: 175px;
    }

    :deep(.var-swipe) {
        margin-bottom: 15px;
    }
}
</style>
